doctype html
html
    head
        title= title
        meta(name="viewport", content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=no")
        link(rel='stylesheet', href='/css/meilihui.css')
    body
        .container
            .tape
                img.main(src="/image/mlh-main.png")
                img.left.rotate(src="/image/mlh-left.png" ng-class="{'recording': tip == 'recording' || playPress}")
                img.right.rotate(src="/image/mlh-right.png" ng-class="{'recording': tip == 'recording' || playPress}")
            .record
                .btn-wrap
                    .btn-part
                        button#record.recorder-button
                            img(src="/image/mlh-record.png")
                            p 开始表白
                    .btn-part
                        button.play(ng-click="playRecord();")
                            // 测试旋转动画
                            img(src="/image/mlh-play.png")
                            p 聆听表白
                .record-info(ng-switch='tip')
                    p(ng-switch-when="intro") 按住录音键，倒计时结束后开始录音
                    p(ng-switch-when="countdown") {{timeoutNumber}}<br/>倒计时结束后开始录音
                    p(ng-switch-when="warning") 请尝试离话筒近一些
                    p(ng-switch-when="recording") {{recordingTip}}
                    p(ng-switch-when="analysing") 正在解析音频数据...
                    p(ng-switch-when="tooshort") 请尝试多录制一些
                    p(ng-switch-when="uploading") 上传中...
            .title
                img(src="/image/mlh-title.png")
                p 生成专属情感波段图
            .soundwave
                img(src="/image/mlh-line.png" ng-hide="tip == 'wave'")
                canvas#wave-form(ng-show="tip == 'wave'" width="720px" height="240px")
            .submit
                button(ng-click="confirm();") {{confirmBtn}}
            .phone(ng-if="!phoneSubmited")
                .phone-wrap
                    p 请输入您的手机号
                    input#phone(type="text" maxlength="11" ng-model="phone.input")
                    button(ng-click="getPhone()") 确定